<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
html,body{height:100%;margin:0;padding:0}
ul,li{text-indent:0;text-decoration:none;margin:0;padding:0}
img{border:0}
body{background-color:#white;color:#999;font:100%/18px helvetica, arial, sans-serif}
canvas{cursor:crosshair;display:block;left:0;position:absolute;top:0;z-index:20}

		/*<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="js/texiao.js"></script>*/
		<style>
		  .footer{position:absolute;bottom:0;width:100%;height:100px;background-color: #ffc0cb;}

			.a2 {
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 120px;
				height: 500px;
				background-color: black
			}
			
			.a1 {
				display: block;
				color: #000;
				padding: 8px 16px;
				text-decoration: none;
			}
			/* 鼠标移动到选项上修改背景颜色 */
			
			.a1:hover {
				background-color: #555;
				color: white;
			}
			
			.footer {
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 100px;
				background-color: #ffc0cb;
			}
		</style>

		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	</head>

	<body style="background: url(images/12121.gif) ;background-size:cover; ">
		<script type="text/javascript">
		</script>
		<div class="container">

			<div class="row clearfix">
				<div class="col-md-12 ">

				</div>
				<ol class="navbar navbar-inverse" id="info">

					<div class="col-md-7">
						<ul class="nav nav-tabs">
							<li role="presentation" class="active">
								<a href="#">视频</a>
								</a>
							</li>
							<li role="presentation">
								<a href="#">热搜</a>
							</li>
							<li role="presentation">
								<a href="#">收藏</a>
							</li>
							<li role="presentation">
								<a href="#">分类</a>
							</li>
							<li role="presentation">
									<li role="presentation">
										<a href="#">空间</a>
									</li>
									<li role="presentation">
										<a href="#">换肤</a>
									</li>

									<a align="center" style="color: red;">这个世界很酷~</a>
						</ul>
					</div>

					<!--  -->

					<div class="col-md-5">
						<ul class="nav nav-tabs">
							<li>
								<a>
									<img src="images/定位.jpg" height="20px" width="20px"> 大连[切换]
								</a>
							</li>

							<li role="presentation">
								<a>
									<img src="images/语言.jpg" width="20px" height="20px" />
									<select name="language">
										<option value="">language</option>
										<option value="">中文</option>
										<option value="">英语</option>
										<option value="">西班牙语</option>
										<option value="">俄罗斯语</option>
										<option value="">孟加拉语</option>
										<option value="">阿拉伯语</option>
										<option value="">印度语</option>
										<option value="">日语</option>
										<option value="">法语</option>
										<option value="">德语</option>
										<option value="">点击查看更多语言</option>
									</select>
								</a>
							</li>
							<li role="presentation">
								<a href="#">客服</a>
							</li>

						</ul>

					</div>

			</div>
		</div>
		</div>
		<!-- 主题内容-->
		<a style="color:red">提示：无聊的时候可以玩一玩休闲小游戏奥：  </a>&nbsp;&nbsp;<a href="剪刀石头布.html">剪刀石头布</a>
	&nbsp;&nbsp;<a href="俄罗斯方块.html">俄罗斯小方块</a>
<!-- 网页主题内容 -->
<div class="panel panel-warning ">
	<div class="panel-heading">
		<ul>
			<li><a href="#">首页</a>&nbsp;&nbsp; <a href="#">国产</a>&nbsp;&nbsp;
				<a href="#">日本</a>&nbsp;&nbsp; <a href="#">欧美</a>&nbsp;&nbsp; <a
				href="#">其他</a>&nbsp;&nbsp; <a href="#">2019</a>&nbsp;&nbsp; <a
				href="#">TV</a>&nbsp;&nbsp; <a href="#">OVA</a>&nbsp;&nbsp; <a
				href="#">日搜榜</a>&nbsp;&nbsp; <a href="#">收藏榜</a>&nbsp;&nbsp; <a
				href="#">完结</a>&nbsp;&nbsp; <a href="#">评分</a>&nbsp;&nbsp; <a
				href="#"><select name="">
						<option value="">追番榜</option>
						<option value="1">按人气从低到高</option>
						<option value="2">按人气从高到低</option>
				</select></a>&nbsp;&nbsp; <input type="text">
				<button type="submit" class="btn btn-default">搜索</button></li>
		</ul>
	</div>
	<div class="panel-body">
		<div class="col-md-4">
			<p>按地区/时间</p>
			<p>
				<a href="#">国产</a>&nbsp; <a href="#">日本</a>&nbsp; <a href="#">欧美</a>&nbsp;
				<a href="#">其他</a>&nbsp;<br> <a href="#">2019</a>&nbsp; <a
					href="#">2018</a>&nbsp; <a href="#">2017</a>&nbsp; <a href="#">.....</a>&nbsp;
			</p>
		</div>
		<div class="col-md-4">
			<p>类型</p>
			<p>
				<a href="#">热血</a>&nbsp; <a href="#">搞笑</a>&nbsp; <a href="#">青春</a>&nbsp;
				<a href="#">电影</a>&nbsp; <a href="#">直播</a>&nbsp; <a href="#">教育</a>&nbsp;
				<a href="#">综艺</a>&nbsp; <a href="#">音乐</a>&nbsp; <a href="#">游戏</a>&nbsp;
				<a href="#">动漫</a>&nbsp; <a href="#">汽车</a>&nbsp; <a href="#">VR</a>&nbsp;
				<a href="#">娱乐</a>&nbsp; <a href="#">公益</a>&nbsp; <a href="#">资讯</a>&nbsp;
				<a href="#">生活</a>&nbsp; <a href="#">科技</a>&nbsp; <a href="#">财经</a>&nbsp;
				<a href="#">少儿</a>&nbsp; <a href="#">体育</a>&nbsp; <a href="#">时尚</a>&nbsp;
				<a href="#">来疯</a>&nbsp; <a href="#">其他</a>&nbsp;
			</p>
		</div>
		<div class="col-md-4">
			<p>按语言</p>
			<p>
				<a href="#">日语</a>&nbsp; <a href="#">国语</a>&nbsp; <a href="#">粤语</a>&nbsp;
				<a href="#">英语</a>&nbsp;<br> <a href="#">韩语</a>&nbsp; <a
					href="#">方言</a>&nbsp; <a href="#">其他</a>&nbsp;
			</p>
		</div>
	</div>
</div>
<!-- 轮播开始 -->
<div class="col-md-4">

	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  
<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img src="images/狐妖.jpg" 
					height="500px" width="500px">
				<div class="carousel-caption"></div>
			</div>
			<div class="item">
				<img src="images/海王.jpg" 
					alt="">
				<div class="carousel-caption"></div>
			</div>
			<div class="item">
				<img src="images/通灵妃.jpg" 
					alt="">
				<div class="carousel-caption"></div>
			</div>

		</div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

</div>
<!-- 轮播ending -->
<div class="col-md-4">
	<a href="#" class="thumbnail todaygoods"> <img
		src="images/haizeiwang.jpg" 
		height="1000px" width="1000px">
		<div class="caption text-center">
			<p>海贼王</p>
			<p>《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品，在《周刊少年Jump》1997年34号开始连载。
				改编的电视动画《航海王》于1999年10月20日起在富士电视台首播。 2012年5月11日，《航海王》获得第41回日本漫画家协会赏
				[1] 。</p>
		</div>
	</a>
</div>
<div class="col-md-4">
	<a href="play.html" class="thumbnail todaygoods"> <img
		src="images/tianxingjiuge.jpg" 
		height="550px" width="1020px">
		<div class="caption text-center">
			<p>天行九歌</p>
			<p>《天行九歌》，是由3D动画《秦时明月》系列原制作团队杭州玄机科技信息技术有限公司打造的姐妹篇网络3D动画，
				该动画以韩国公子韩非建立的“流沙”组织为主视角，展开六国对抗秦国的众生百态，使观众进入战国末年风起云涌、群雄并起、
				百家争鸣的大时代中的故事。</p>
		</div>
	</a>
</div>

	
		
		
		<!-- ending -->
		
		<!-- ending -->
		
		<!-- fenlei -->
		<div class="panel panel-default panel panel-danger">
  <div class="panel-body panel panel-danger">
  
  </div>
  <div class="">
  <p><a href="play.html>校园</a></p>
  <!-- 1 -->
  <div class="col-md-4"><a href="play.html" >
	  <div class="thumbnail">
      <img src="images/雪乃1.jpg" width="100%" height="100%" alt="...">
      <div class="caption">
       <p>我的青春恋爱物语果然有问题</p>
        <p>第一季（24话）完结</p>
      </div>
    </div></a>
	</div>
	
	<!-- 2 -->
	
	 <div class="col-md-4"><a href="xuenai_detail.jsp" >
	  <div class="thumbnail">
      <img src="images/吹响上低音号.jpeg" ="100%" height="100%" alt="...">
      <div class="caption">
       <p>吹响上低音号</p>
        <p>第一季（14话）完结</p>
      </div>
    </div></a>
    
	</div>
	
	<!-- 3 -->
	
	  <div class="col-md-4"><a href="xuenai_detail.jsp" >
	  <div class="thumbnail">
      <img src="images/夏川真凉.jpg" ="100%" height="100%" alt="...">
      <div class="caption">
       <p>我女友与青梅竹马的惨烈修罗场</p>
        <p>13集 完结</p>
      </div>
    </div></a>
    
	</div>
  
  </div>
</div>
			
		
		<!-- 1 engding  -->
		
		<!-- 2 start -->
			<div class="panel panel-default panel panel-danger">
  <div class="panel-body panel panel-danger">
  
  </div>
  <div class="panel-footer panel panel-danger">
  <p><a href="#">热血</a></p>
  <!-- 1 -->
  <div class="col-md-4"><a href="xuenai_detail.jsp" >
	  <div class="thumbnail">
      <img src="images/楪祈.jpg" height="100%" alt="...">
      <div class="caption">
       <p>罪恶王冠</p>
        <p>22 完结</p>
      </div>
    </div></a>
	</div>
	
	<!-- 2 -->
	
	 <div class="col-md-4"><a href="xuenai_detail.jsp" >
	  <div class="thumbnail">
      <img src="images/薙切绘里奈.jpg" width="100%" height="100%" alt="...">
      <div class="caption">
       <p>食戟之灵</p>
        <p>第一季（13话）完结</p>
      </div>
    </div></a>
    
	</div>
	
	<!-- 3 -->
	
	  <div class="col-md-4"><a href="xuenai_detail.jsp" >
	  <div class="thumbnail">
      <img src="images/斑.jpg" height="100%" alt="..">
      <div class="caption">
       <p>火影忍者</p>
        <p>720集 完结</p>
      </div>
    </div></a>
    
	</div>
  
  </div>
</div>
		
		
		
		
		<!-- 2 engding -->
		
		<!--
        	作者：1161105403@qq.com
        	时间：2019-03-13
        	描述：
        	
        	导航开始
        -->
        
        
 	<div class="container">
		<p style="color:green" align="center">
		<br>动漫之家欢迎您~<br>
		醉不愚人人自痴，失欢谁与解相思<br>
		三百六十街牵挂，字字得著谍恋花
		</p>
		 
									<nav class="navbar navbar-inverse">
  <div class="col-md-12">
<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">动漫之家</a></li>
  <li role="presentation" class="active"><a href="#">帮助中心</a></li>
  <li role="presentation" class="active"><a href="#">开放平台</a></li>
 <li role="presentation" class="active" ><a href="#" >诚聘英才</a></li>
 <li role="presentation" class="active"><a href="#">联系我们</a></li>
 <li role="presentation" class="active"><a href="#">网站合作</a></li>
 <li role="presentation" class="active"><a href="#">法律声明</a></li>
  <li role="presentation" class="active" ><a href="#" >诚聘英才</a></li>
 <li role="presentation" class="active"><a href="#">隐私权政策</a></li>
 <li role="presentation" class="active"><a href="#">知识产权</a></li>
 <li role="presentation" class="active"><a href="#">廉政举报</a></li>
  <li role="presentation" class="active"><a href="#">在线律师</a></li>

</ul><br>
<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">动漫之家集团</a></li>
  <li role="presentation" class="active"><a href="#">动漫云计算</a></li>
  <li role="presentation" class="active"><a href="#">高德地图</a></li>
 <li role="presentation" class="active" ><a href="#" >天猫</a></li>
 <li role="presentation" class="active"><a href="#">淘宝</a></li>
 <li role="presentation" class="active"><a href="#">京东</a></li>
 <li role="presentation" class="active"><a href="#">聚划算</a></li>
  <li role="presentation" class="active" ><a href="#" >支付宝</a></li>
 <li role="presentation" class="active"><a href="#">微信</a></li>
 <li role="presentation" class="active"><a href="#">信用卡</a></li>
 <li role="presentation" class="active"><a href="#">商家入驻</a></li>
   <li role="presentation" class="active" ><a href="#" >运营服务</a></li>
 <li role="presentation" class="active"><a href="#">售后规则</a></li>
 <li role="presentation" class="active"><a href="#">免费注册</a></li>
 <li role="presentation" class="active"><a href="#">缺货赔付</a></li>
  <li role="presentation" class="active"><a href="#">发票保障</a></li>
   <li role="presentation" class="active"><a href="#">QQ登录</a></li>
 <li role="presentation" class="active"><a href="#">微博登录</a></li>
   <li role="presentation" class="active" ><a href="#" >小米登录</a></li>
 <li role="presentation" class="active"><a href="#">魅族登录</a></li>
 <li role="presentation" class="active"><a href="#">ios登录</a></li>
 <li role="presentation" class="active"><a href="#">在线客服</a></li>
  <li role="presentation" class="active"><a href="#">站长联系</a></li>
   <li role="presentation" class="active"><a href="#">百度云盘</a></li>
 <li role="presentation" class="active"><a href="#">网易登录</a></li>

</ul>

</nav>
        
        <!<!--
        	作者：1161105403@qq.com
        	时间：2019-03-13
        	描述：
        	
        	ending
        -->>
	</div>
	</body>

</html>